<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			div{
				width: 150px;
				height: 60px;
				text-align: center;
				line-height: 60px;
			}
			select{
				margin:0 20px 50px 50px;
			}
		</style>
	</head>
	<body>
		<div>
			<p id="p1">我爱你</p>
		</div>
		<select id="fz">
			
			<option>20px</option>
			<option>24px</option>
			<option>28px</option>
			<option>32px</option>
			<option>36px</option>
			<option>40px</option>
		</select>
		<input type="color" id="colorChange"/> 
		<script>
			fz.onchange=function(){
				p1.style.fontSize=fz.value;
			}
			
			colorChange.onchange=function(){
				p1.style.color=colorChange.value;
			}
		</script>
	</body>
</html>
